$--color-primary: #2588ff;
$--color-success: #46c37b;
$--color-warning: #f5a623;
$--color-danger: #f56c6c;
$--color-info: #909399;

$--color-text-primary: #333333;
$--color-text-regular: #454545;
$--color-text-secondary: #666666;
$--color-text-placeholder: #999999;

$--border-color-base: #dcdfe6;
$--border-color-light: #e4e7ed;
$--border-color-lighter: #ebeef5;
$--border-color-extra-light: #f2f6fc;

$--color-white: #ffffff;
$--color-black: #000000;
$--background-color-base: #f5f7fa;

$--topbar-height: 62px;
$--sidebar-menu-width: 72px;
